<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>login</title>
    <link rel="stylesheet" href="../css/login.css">
    <script src="../js/jquery-3.1.1.js"></script>
    <script src="../js/login.js"></script>
    <script src="../js-validation/jquery.validate.js"></script>
    <script src="../js-validation/localization/messages_zh.js"></script>

</head>
<body>
    <div id="box">
        <div id="logo"><img src="../images/logo.png" alt=""></div>
        <p id="p1">
            <span id="user"><a href="#">账户登录</a></span>
            &nbsp; 或 &nbsp;
            <span id="dd"><img src="../images/dd.png" alt=""><a href="#">钉钉登录</a></span>
        </p>
        <!--账户登录-->
        <form name="RegForm"  method="post" action="../php/login.php" >
        <div class="login" id="login-box">
            <div class="square"></div>
            <p class="login-box_p" id="p2">
                <input name='mail' method="post" type="email" placeholder="登录邮箱">
                <span><span class="sp"></span><span class="sj"></span></span>
            </p>
            <p class="login-box_p">
                <input name="password" method="post" type="password" placeholder="密码">
                <span><span class="sp"></span><span class="sj"></span></span>
            </p>
            <p id="p3">
                <input type="checkbox" checked>
                <span id="left">下次自动登录</span>
                <span id="right"><a href="tautology.html">忘记密码了？</a></span>
            </p>
            <p id="p4"><input type="submit" value="登录"></p>
            <p id="p5">没有账户？<span><a href="register.php">立即注册→</a></span></p>
        </div>
        </form>
        <!--钉钉登录-->
        <div class="login" id="login_dd">
            <div class="square"></div>
            <div><img src="../images/erweima.png" alt=""></div>
        </div>
        <p id="wlogin">
            <img src="../images/weixin.png" alt="">
            <span><a href="#">微信登录</a></span>
        </p>
    </div>
</body>
</html>